*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
body{
    text-align: center;
}
.header{
    width: 100%;
    height: 70px;
    background: white;
    img{
        width: 10%;
        height: 65px;
        line-height: 65px;
        margin-left: 20%;
        float: left;
    }
    ul{
        float: left;
        margin-left: 20%;
    }
    li{
        font-size: 15px;
        float: left;
        width: 90px;
        height: 70px;
        line-height: 70px;
        text-align: center;
    }
    li:hover{
        color: #007AFF;
    }
}
.conta{
    width: 100%;
    height: 500px;
    img{
        width: 100%;
        height: 100%;
    }
}
.bann{
    position: fixed;
    right: 0px;
    top: 512px;
}
.main{
    margin-left: 15%;
    margin-top: 64px;
    width: 70%;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    hr{
        align-self: center ;
    }
    p{
        align-self: center;
    }
}
.mark{
    margin-top: 64px;
    width: 83%;
    height: 300px;
    margin-left: 9%;
    border-bottom: groove;
    .mark1{
        width: 50%;
        height: 100%;
        float: left;
    }
    .mark2{
        margin-top: 30px;
        width: 50%;
        height: 100%;
        float: left;
    }
}
.arro{
    width: 68%;
    height: 500px;
    margin-left: 16%;
    margin-top: 50px;
    margin-bottom: 43px;
    .arr{
        width: 29%;
        height: 230px;
        float: left;
        margin-left: 3%;
        margin-top: 20px;
        transition:all 2s;
        border:1px solid #ccc;
        transform:translate(10px,20px);
    }
    .arr:hover{
        transform:translate(0px,8px);
        box-shadow:5px 5px #aaa;
    }
}
.footer{
    width: 100%;
    height: 200px;
    background: #212425;
    padding-top: 60px;
    ul{
        margin-left: 28%;
    }
    li{
        float: left;
        color: white;
        font-size: 12px;
        padding: 0px 8px;
    }
    .im{
        position: relative;
        top: -10px;
        left: -150px;
    }
}
